// import React, { Component } from "react";

// export default class App extends Component {
//   state = {
//     num: 666,
//   };
//   render() {
//     return (
//       <div>
//         <button
//           onClick={() => {
//             this.setState({
//               num: this.state.num + 1,
//             });
//           }}
//         >
//           +
//         </button>
//         <span>{this.state.num}</span>
//       </div>
//     );
//   }
// }
// 函数式组件
import { useState } from "react"
export default function App() {
  // let num = 666;
  // setNum 改变值得函数 更新视图
  let [num,setNum] = useState(777);
  return (
    <div>
      <button
        onClick={() => {
          setNum(num+1)
        }}
      >
        +
      </button>
      <span>{num}</span>
    </div>
  );
}
